<template>
  <a-form :model="formState" :label-col="labelCol" :wrapper-col="wrapperCol">
    <a-form-item label="名称">
      <a-input v-model:value="formState.sampleName" />
    </a-form-item>
    <a-form-item label="类型">
      <a-select v-model:value="formState.sampleType">
        <a-select-option value="Sample">Sample</a-select-option>
        <a-select-option value="CalBlk">CalBlk</a-select-option>
        <a-select-option value="CalStd">CalStd</a-select-option>
      </a-select>
    </a-form-item>
    <a-form-item label="组别">
      <a-select v-model:value="formState.sampleType">
        <a-select-option value="Sample">Sample</a-select-option>
        <a-select-option value="CalBlk">CalBlk</a-select-option>
        <a-select-option value="CalStd">CalStd</a-select-option>
      </a-select>
    </a-form-item>
    <a-form-item label="地址">
      <a-input v-model:value="formState.comment" />
    </a-form-item>
    <a-form-item label="端口">
      <a-input v-model:value="formState.samplePosition" />
    </a-form-item>
    <a-form-item label="报警规则">
      <a-select v-model:value="formState.sampleType" mode="multiple">
        <a-select-option value="Sample">Sample</a-select-option>
        <a-select-option value="CalBlk">CalBlk</a-select-option>
        <a-select-option value="CalStd">CalStd</a-select-option>
      </a-select>
    </a-form-item>
    <a-form-item label="取样点">
      <a-select v-model:value="formState.sampleType">
        <a-select-option value="Sample">Sample</a-select-option>
        <a-select-option value="CalBlk">CalBlk</a-select-option>
        <a-select-option value="CalStd">CalStd</a-select-option>
      </a-select>
    </a-form-item>
  </a-form>
</template>
<script setup lang="ts">
const labelCol = { style: { width: '100px' } };
const wrapperCol = { style: { width: '270px' }, offset: 1 };
const formState = reactive<any>({})
// const formState = reactive<iAddDevice>({
//   name: '',
//   type: '',
//   group: '',
//   address: '',
//   port: '',
//   rules: [],
//   pointer: '',
//   sampleType: ''
// });
</script>
<style lang="less" scoped>
:deep(.ant-input) {
  color: #e6e6e6 !important;
  background-color: #242424 !important;
  border: none;
}
</style>
